<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('请假审批记录')" />
    <th:block th:include="include :: datetimepicker-css" />
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body class="gray-bg">
    <div class="animated fadeInRight">
        <div id="ibox float-e-margins">
            <div id="ibox-content">
                <div id="vertical-timeline" class="vertical-container light-timeline">
                    <div class="vertical-timeline-block" th:each="approve:${applyList.approveListList}">
                        <div class="vertical-timeline-icon navy-bg">
                            <i class="fa fa-briefcase"></i>
                        </div>

                        <div class="vertical-timeline-content">
                            <h2>审批人:[[${approve.approver}]]</h2>
                            <p>状态:[[${approve.status eq 1 ? "通过" : "拒绝"}]]
                            </p>
                            <p>审批意见:[[${approve.opinion}]]
                            </p>
                            <span class="vertical-date">
                             <small>[[${#dates.format(approve.createTime, 'yyyy-MM-dd HH:mm:ss')}]]</small>
                         </span>
                        </div>
                    </div>
                    <div class="vertical-timeline-block" th:if="${#lists.isEmpty(applyList.approveListList)}">
                        <div class="vertical-timeline-icon blue-bg">
                            <i class="fa fa-file-text"></i>
                        </div>

                            <div class="vertical-timeline-content">
                                <h2>审批人:[[${applyList.approverNames}]]</h2>
                                <p> 状态:待班主任审批
                                </p>
                                <p>
                                </p>
                                <span class="vertical-date">
                             <small>[[${#dates.format(applyList.createTime, 'yyyy-MM-dd HH:mm:ss')}]]</small>
                         </span>
                            </div>
                        </div>
                </div>
            </div>

        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <script type="text/javascript">
        var prefix = ctx + "school/apply";
        $("#form-apply-edit").validate({
            focusCleanup: true
        });

        function submitHandler() {
            if ($.validate.form()) {
                $.operate.save(prefix + "/edit", $('#form-apply-edit').serialize());
            }
        }

        $("input[name='beginTime']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });

        $("input[name='endTime']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });
    </script>
</body>
</html>